import Action from "../../../api/Action";

// pages/action/actionOrder/actionOrder.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    currentAction: {},
    userOrder: {},
    radio: '1',
    countdown: "15:00", // 初始显示
    endTime: null, // 订单截止时间戳（毫秒）
    orderStatus: 0,
    loading: true
  },
  onChange(event) {
    this.setData({
      radio: event.detail,
    });
  },

  //提交订单
  submitOrder() {
    console.log("支付订单")

    Action.payOrder(this.data.userOrder.id).then(res => {
      console.log(res.code)
      if (res.code === 200) {
        wx.setStorage({
          key: 'tempReservationData',
          data: this.data.currentAction,
        })
        wx.setStorage({
          key: 'tempUserOrderData',
          data: this.data.userOrder,
        })
        //跳转到支付成功页面
        wx.navigateTo({
          url: '/pages/action/succesPay/successPay'
        })
      }
    }).catch(err => {
      console.log(err)
    })
  },
  async gotoPay() {
    let ActionOrder={};
    let currentAction={};
    //调用后端接口获取订单信息
    await Action.getOneOrderDetails(this.data.userOrder.id).then(res=>{
      ActionOrder=res.order
      currentAction=res.action
    }).catch(err=>{
      console.log(err)
    })
    wx.setStorage({
      key: 'tempReservationData',
      data: currentAction,
    })
    wx.setStorage({
      key: 'tempUserOrderData',
      data: ActionOrder,
    })
    wx.navigateTo({
      url: '/pages/action/succesPay/successPay'
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.setData({
      currentAction: wx.getStorageSync('tempReservationData'),
      userOrder: wx.getStorageSync('tempUserOrderData')
    })
    // 使用后立即清理
    wx.removeStorageSync('tempReservationData');
    wx.removeStorageSync('tempUserorderData');
    //console.log(this.data.currentAction)
    //console.log(this.data.userOrder)
    // 假设从后端获取订单创建时间戳（示例中写死，实际需替换为接口数据）
    const createTime = new Date(this.data.userOrder.createTime).getTime();
    this.setData({
      endTime: createTime + 15 * 60 * 1000 // 截止时间 = 创建时间 + 15分钟
    });
    this.startCountdown();
    this.setData({
      loading: false
    })
  },

  //计算显示剩余时间
  startCountdown() {
    this.timer = setInterval(() => {
      const now = Date.now();
      const remain = this.data.endTime - now;
      if (remain <= 0 || this.data.userOrder.status != 0) {
        if (this.data.userOrder.status != 1) {
          clearInterval(this.timer); // 修改这里
          this.setData({
            countdown: "00:00",
            orderStatus: 3
          });
        } else if (this.data.userOrder.status == 1) {
          clearInterval(this.timer); // 修改这里
          this.setData({
            countdown: "00:00",
            orderStatus: 1
          });
        }
        return;
      }
      // 计算剩余分钟和秒数
      const minutes = Math.floor(remain / 1000 / 60) % 60;
      const seconds = Math.floor(remain / 1000) % 60;
      const formatTime = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
      this.setData({
        countdown: formatTime
      });
    }, 500);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // 页面显示时恢复倒计时
    if (!this.timer && this.data.endTime > Date.now()) {
      this.startCountdown();
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    // 页面隐藏时暂停定时器
    if (this.timer) {
      clearInterval(this.timer);
      this.timer = null;
    }
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {
    // 清除定时器前检查是否存在
    if (this.timer) {
      clearInterval(this.timer);
      this.timer = null; // 清除引用
    }
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})